<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>结果方案透视</title>
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/peration.css">
</head>
<body>
<div class="back">
    <!--顶条-->
    <div class="top clearfix" style="display:none;">
        <p class="fl">风场CPS系统<i></i></p>
        <a href="" class="fr top_icon"></a>
    </div>
    <!--中部content-->
    <article class="clearfix">
        <!--左侧边栏-->
        <ul class="fl banner" style="display:none;">
            <li>
                <p></p>
                <a href="../index.html">
                    <i class="fan_icon"></i>
                    <em>风场状态概览</em>
                </a>
            </li>
            <li  class="tool">
                <p></p>
                <a href="../html/prod.html">
                    <i class="fan_icon"></i>
                    <em>生产管理</em>
                </a>
            </li>
            <li  class="tool">
                <p></p>
                <a href="">
                    <i class="fan_icon"></i>
                    <em>维护管理</em>
                </a>
            </li>
            <li  class="tool">
                <p></p>
                <a href="javascript:;">
                    <i class="fan_icon"></i>
                    <em>健康状态分析</em>
                </a>
            </li>
        </ul>
        <!--维护任务 maintain-->
        <div class="fl main">
            <div class="mai_menu">
                <ul class="clearfix">
                    <li class="fl"><a href="peration.html">维护任务管理</a></li>
                    <li class="fl"><a href="resource.html">运维资源输入</a></li>
                    <li class="fl"><a href="optimization.html">维护排程优化</a></li>
                    <li class="fl selected"><a href="result.html">结果方案透视</a></li>
                </ul>
            </div>
            <div class="mai_box">
                <!--结果方案透视-->
                <div class="mai_box4 clearfix">
                    <div class="ship fl">
                        <ul class="ship_f fl" id="map_con">
                            <li>
                                <a href="javascript:;" class="tooltip">
                                    <span class="run"></span>
                                    <span></span>
                                </a>
                            </li>
                            <li><a href="javascript:;" class="tooltip">
                                <span class="run1"></span>
                                <span></span>
                            </a>
                            </li>
                            <li><a href="javascript:;" class="tooltip">
                                <span class="run"></span>
                                <span></span>
                            </a></li>
                            <li><a href="javascript:;" class="tooltip">
                                <span class="run1"></span>
                                <span></span>
                            </a></li>
                            <li><a href="javascript:;" class="tooltip">
                                <span class="run"></span>
                                <span></span>
                            </a></li>
                            <li><a href="javascript:;" class="tooltip">
                                <span class="run1"></span>
                                <span></span>
                            </a></li>
                            <li><a href="javascript:;" class="tooltip">
                                <span class="run"></span>
                                <span></span>
                            </a></li>
                            <li><a href="javascript:;" class="tooltip">
                                <span class="run1"></span>
                                <span></span>
                            </a></li>
                            <li class="wind-id wind1"><a href="javascript:;" class="tooltip">
                                <span class="run"></span>
                                <span></span>
                            </a></li>
                            <li><a href="javascript:;" class="tooltip">
                                <span class="run1"></span>
                                <span></span>
                            </a></li>
                            <li class="wind-id wind1"><a href="javascript:;" class="tooltip">
                                <span class="run"></span>
                                <span></span>
                            </a></li>
                            <li class="wind-id wind1"><a href="javascript:;" class="tooltip">
                                <span class="run1"></span>
                                <span></span>
                            </a></li>
                            <li class="wind-id wind2"><a href="javascript:;" class="tooltip">
                                <span class="run"></span>
                                <span></span>
                            </a></li>
                            <li class="wind-id wind1 wind2"><a href="javascript:;" class="tooltip">
                                <span class="run"></span>
                                <span></span>
                            </a></li>
                            <li class="wind-id wind2"><a href="javascript:;" class="tooltip">
                                <span class="run"></span>
                                <span></span>
                            </a></li>
                            <li><a href="javascript:;" class="tooltip">
                                <span class="run1"></span>
                                <span></span>
                            </a></li>
                            <li><a href="javascript:;" class="tooltip">
                                <span class="run"></span>
                                <span></span>
                            </a></li>
                            <li><a href="javascript:;" class="tooltip">
                                <span class="run1"></span>
                                <span></span>
                            </a></li>
                            <li class=""><a href="javascript:;" class="tooltip">
                                <span class="run"></span>
                                <span></span>
                            </a></li>
                            <li class="wind-id wind1"><a href="javascript:;" class="tooltip">
                                <span class="run1"></span>
                                <span></span>
                            </a></li>
                            <li><a href="javascript:;" class="tooltip">
                                <span class="run1"></span>
                                <span></span>
                            </a></li>
                            <li><a href="javascript:;" class="tooltip">
                                <span class="run"></span>
                                <span></span>
                            </a></li>
                            <li class="wind-id wind2"><a href="javascript:;" class="tooltip">
                                <span class="run1"></span>
                                <span></span>
                            </a></li>
                            <li class="wind-id wind2"><a href="javascript:;" class="tooltip">
                                <span class="run"></span>
                                <span></span>
                            </a></li>
                        </ul>
                        <ul class="ship_u clearfix">
                            <!-- <li class="fl">
                                <div class="clearfix"><p class="fl">1号</p><i class="fr ship_r">待维修</i></div>
                                <div class="clearfix"><p class="fl">开始时间 : </p><i class="fl">&nbsp; 3 月 12 号</i></div>
                                <div class="clearfix"><p class="fl">维护时间 : </p><i class="fl">&nbsp; 2 h</i></div>
                                <div class="clearfix"><p class="fl">维护人数 : </p><i class="fl">&nbsp; 2 人</i></div>
                            </li>
                            <li class="fl">
                                <div class="clearfix"><p class="fl">2号</p><i class="fr ship_r">待维修</i></div>
                                <div class="clearfix"><p class="fl">开始时间 : </p><i class="fl">&nbsp; 3 月 12 号</i></div>
                                <div class="clearfix"><p class="fl">维护时间 : </p><i class="fl">&nbsp; 2 h</i></div>
                                <div class="clearfix"><p class="fl">维护人数 : </p><i class="fl">&nbsp; 2 人</i></div>
                            </li> -->
                            <li class="fl">
                                <div class="clearfix"><p class="fl">3号</p><i class="fr ship_r"></i></div>
                                <div class="clearfix"><p class="fl">开始时间 : </p><i class="fl">&nbsp; 3 月 12 号</i></div>
                                <div class="clearfix"><p class="fl">维护时间 : </p><i class="fl">&nbsp; 2 h</i></div>
                                <div class="clearfix"><p class="fl">维护人数 : </p><i class="fl">&nbsp; 2 人</i></div>
                            </li>
                            <!-- <li class="fl">
                                <div class="clearfix"><p class="fl">4号</p><i class="fr ship_y">维修中</i></div>
                                <div class="clearfix"><p class="fl">开始时间 : </p><i class="fl">&nbsp; 3 月 12 号</i></div>
                                <div class="clearfix"><p class="fl">维护时间 : </p><i class="fl">&nbsp; 2 h</i></div>
                                <div class="clearfix"><p class="fl">维护人数 : </p><i class="fl">&nbsp; 2 人</i></div>
                            </li> -->
                        </ul>
                    </div>
                    <div class="mission fr">
                        <h5>任务成本分析</h5>
                        <div id="mission_task"></div>
                        <div id="mission_his"></div>
                    </div>
                    <div class="cost fl">
                        <h5>成本分析</h5>
                        <ul class="clearfix">
                            <li class="fl"><p>优化前</p><div id="optimize_l"></div></li>
                            <li class="fl"><p>优化后</p><div id="optimize_r"></div></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </article>
</div>
</body>
<script src="../js/jquery-1.7.2.js"></script>
<script src="../js/echarts.min.js"></script>
<script src="../js/result.js"></script>
</html>